<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title></title>
    <link href="/styles/base.css" rel="stylesheet" type="text/css">
    <link href="/styles/destfilter.css" rel="stylesheet" type="text/css">
    <script type="text/javascript" src="/js/jquery.js"></script>
    <script type="text/javascript" src="/js/system/destfilter.js"></script>
    <script type="text/javascript" src="/js/common.js"></script>

</head>

<body>
<div class="lww_header">
    <div class="header_wrap">
        <div class="header_logo">
            <a href="javascript:;" class="lww_logo"></a>
        </div>
        <ul class="header_nav">
            <li><a href="./index.html">首页</a></li>
            <li class="header_nav_active"><a href="./destination.html">目的地</a></li>
            <li><a href="./gonglve.html">旅游攻略</a></li>
            <li><a href="javascript:;">去旅行<i class="icon_caret_down"></i></a></li>
            <li><a href="javascript:;">机票</a></li>
            <li><a href="javascript:;">酒店</a></li>
            <li><a href="javascript:;">社区<i class="icon_caret_down"></i></a></li>
        </ul>
        <div class="header_search">
            <input type="text"/>
            <a class="icon_search"></a>
        </div>
        <div class="login_info">
            <div class="head_user">
                <a href="javascript:;">
                    <img src="./images/user.png"/>
                    <i class="icon_caret_down"></i>
                </a>
            </div>
            <div class="header_msg">
                消息<i class="icon_caret_down"></i>
            </div>
            <div class="header_daka">
                <a href="javascript:;">打卡</a>
            </div>
        </div>
    </div>
    <div class="shadow"></div>
</div>

<div class="container">
    <div class="row-top">
        <div class="wrapper">
            <div class="top-bar">
                <div class="crumb">
                    <div class="item"><a href="javascript:;" target="_blank">目的地</a><em>&gt;</em></div>
                    <div class="item cur">目的地筛选</div>
                </div>
            </div>
            <div class="filter-title">目的地筛选</div>
            <div class="filter-nav">
                <dl class="clearfix">
                    <dt>时间</dt>
                    <dd class="J_dd time monthtag">
                        <div class="month clearfix">
                            <a id="times" class="on aaa" data-monthid="-1" href="javascript:void(0)">不限</a>

                        <#list  months as m>
                            <#--<a href="javascript:;" id="times" data-monthId="${m.id!}" class="aaa">${m.mon!}</a>-->
                            <a href="javascript:;" data-monthid="${m.id!}"
                               class="bbb <#--<#if qo.monthId?? && (m.id == qo.monthId)>on</#if>--> ">${m.mon!}</a>
                        </#list>

                    </dd>
                </dl>
                <script>

                    $(function () {
                        var monthId = -1;
                        var themeId = -1;
                        var dayId = -1;

                        //根据时间进行搜索
                        $(".time a").click(function () {
                            $(this).addClass("on");
                            monthId = $(this).data("monthid");
                            if (monthId != -1) {
                                $(".time a:first-child").removeClass("on");
                            }

                            //var monthId = $(this).data("id");
                            $.get("/destination/condition", {monthId: monthId,themeId: themeId,dayId: dayId}, function (data) {
                                $(".row-list").html(data);
                            });
                            $(this).siblings().removeClass("on");
                        });
                        //根据主题id搜索  :first-child
                        $(".themetag a").click(function () {

                            $(this).addClass("on");
                            themeId = $(this).data("themeid");
                            if (themeId != -1) {
                                $(".themetag a").removeClass("on");
                                $(this).addClass("on");
                            }
                            $.get("/destination/condition", {monthId: monthId,themeId: themeId,dayId: dayId}, function (data) {
                                $(".row-list").html(data);
                            });
                            $(this).siblings().removeClass("on");
                        });

                        //根据天数查询
                        $(".traveldays a").click(function () {
                            $(this).addClass("on");
                            dayId = $(this).data("dayid");
                            if (dayId != -1) {
                                $(".themetag a:first-child").removeClass("on");
                            }
                            $.get("/destination/condition", {monthId: monthId,themeId: themeId,dayId: dayId}, function (data) {
                                $(".row-list").html(data);
                            });
                            $(this).siblings().removeClass("on");
                        });
                        //发送请求
                        $.get("/destination/condition",{monthId:${qo.monthId},themeId:${qo.themeId}},function (data) {
                            $('.row-list').empty();
                            if (${qo.themeId}!=-1){
                                $('.themetag a').removeClass("on");
                                $('.themetag [name=${qo.themeId}]').addClass("on");
                            }
                            if (${qo.monthId}!=-1){
                                $('.time a').removeClass("on");
                                $('.time [name=${qo.monthId}]').addClass("on");
                            }
                            $('.row-list').html(data);
                        })

                    });



                </script>



                <dl class="clearfix">
                    <dt>主题</dt>
                    <dd class="J_dd themetag">
                        <a class="on bbb" data-themeid="-1" href="javascript:void(0)">不限</a>
                        <div class="sub-nav">
                            <dl class="clearfix">
                                <dt>全年适宜：</dt>
                                <dd>
                                    <#list  destTagList as t1>
                                        <a href="javascript:;" data-themeid="${t1.id!}"
                                           class="bbb <#if qo.themeId?? && t1.id == qo.themeId>on</#if> ">${t1.theme!}</a>
                                    </#list>
                                </dd>
                            </dl>
                            <dl class="clearfix">
                                <dt>季节：</dt>
                                <dd>
                                    <#list  destTagList1 as sess>
                                        <a href="javascript:;" data-themeid="${sess.id!}"
                                           class="bbb <#if qo.themeId?? && sess.id == qo.themeId >on</#if>">${sess.theme!}</a>
                                    </#list>

                                </dd>
                            </dl>
                            <dl class="clearfix">
                                <dt>出行方式：</dt>
                                <dd>
                                   <#list  destTagList2 as cx>
                                       <a href="javascript:;" data-themeid="${cx.id!}"
                                          class="bbb <#if qo.themeId?? && cx.id == qo.themeId >on</#if>">${cx.theme!}</a>
                                   </#list>

                                </dd>
                            </dl>
                        </div>
                    </dd>
                </dl>
                <dl class="clearfix">
                    <dt>天数</dt>
                    <dd class="J_dd traveldays daystags">
                        <a class="on ccc" href="javascript:void(0)" data-dayid="-1">不限</a>
                        <#list  days as d>
                            <a href="javascript:;" data-dayid="${d.id!}" class="ccc">${d.name!}</a>
                        </#list>
                    </dd>
                </dl>

                <#--<dl class="clearfix">
                    <dt>天数</dt>
                    <dd class="J_dd" name="dayType">
                        <a class="on" href="javascript:void(0)">不限</a>
                        <a href="javascript:void(0)" data-id="149">2-3天</a>
                        <a href="javascript:void(0)" data-id="152">4-5天</a>
                        <a href="javascript:void(0)" data-id="155">6-9天</a>
                        <a href="javascript:void(0)" data-id="158">10天及以上</a>
                    </dd>
                </dl>-->

            </div>
        </div>
    </div>



    <div class="row-list" id="desttpl">
        <div class="wrapper">
        <ul class="clearfix">
         <#list dest as d>
             <li class="item">
                 <div class="img desttpl">

                     <a href="/destination/guide?id=${(d.id)!}"
                        target="_blank"><img height="200" width="320" src="${d.coverUrl!}" style="display: inline;">
                     </a>
                     <div class="title">${d.name}</div>

                 </div>
                 <div class="info">
                     <p class="detail">${d.info!}</p>
                     <div class="hot">
                         <#--<span class="label">TOP3</span>
                         <a href="/poi/488.html" target="_blank">香港海洋公园</a>
                         <span class="divide"></span>
                         <a href="/poi/3474.html" target="_blank">故宫</a>
                         <span class="divide"></span>
                         <a href="/poi/17878339.html" target="_blank">太舞滑雪小镇</a>-->
                     </div>

                     <#--<div class="line"></div>-->
                 </div>
             </li>

        </ul>
         </#list>


        </div>
    </div>

</div>


<div id="footer">
<div class="ft-content" style="width: 1105px">
    <div class="ft-info clearfix">
        <dl class="ft-info-col ft-info-intro">
            <dt>马蜂窝旅游网</dt>
            <dd>叩丁狼是一家专注于培养高级IT技术人才，为学员提供定制化IT职业规划方案及</dd>
            <dd>意见咨询服务的教育科技公司，为您提供海量优质课程，以及创新的线上线下学</dd>
            <dd>习体验，帮助您获得全新的个人发展和能力提升。</dd>
        </dl>
        <dl class="ft-info-col ft-info-qrcode">
            <dd>
                <span class="ft-qrcode-tejia"></span>
            </dd>
            <dd>
                <span class="ft-qrcode-weixin"></span>
            </dd>
            <dd>
                <span class="ft-qrcode-weixin"
                      style="background-image: url('https://p3-q.mafengwo.net/s10/M00/48/A9/wKgBZ1t_4sSAVJ6uAAAlzJ0PZgU881.png?imageMogr2%2Fthumbnail%2F%2194x90r%2Fgravity%2FCenter%2Fcrop%2F%2194x90%2Fquality%2F90')"></span>
            </dd>
        </dl>
        <dl class="ft-info-social">
            <dt>向崇尚自由的加勒比海盗致敬！</dt>
            <dd>
                <a class="ft-social-weibo" target="_blank" href="javascript:;" rel="nofollow"><i
                        class="ft-social-icon"></i></a>
                <a class="ft-social-qqt" target="_blank" href="javascript:;" rel="nofollow"><i
                        class="ft-social-icon"></i></a>
                <a class="ft-social-qzone" target="_blank" href="javascript:;" rel="nofollow"><i
                        class="ft-social-icon"></i></a>
            </dd>
        </dl>
    </div>

    <div class="ft-links">
        <a target="_blank" href="http://china.makepolo.com/">马可波罗</a><a target="_blank"
                                                                        href="http://www.onlylady.com/">Onlylady女人志</a><a
            target="_blank" href="http://trip.elong.com/">艺龙旅游指南</a><a target="_blank" href="http://www.cncn.com">欣欣旅游网</a>
        <a target="_blank" href="http://www.8264.com/">户外运动</a><a target="_blank" href="http://www.yue365.com/">365音乐网</a><a
            target="_blank" href="http://ishare.iask.sina.com.cn/">爱问共享资料</a><a target="_blank"
                                                                                href="http://www.uzai.com/">旅游网</a>
        <a target="_blank" href="http://www.zongheng.com/">小说网</a>
        <a target="_blank" href="http://www.xuexila.com/">学习啦</a><a target="_blank" href="http://www.yododo.com">游多多自助游</a><a
            target="_blank" href="http://www.zhcpic.com/">问答</a><a target="_blank"
                                                                   href="http://huoche.mafengwo.cn/">火车时刻表</a>
        <a target="_blank" href="http://www.lvmama.com">驴妈妈旅游网</a>
        <a target="_blank" href="http://www.haodou.com/">好豆美食网</a><a target="_blank" href="http://www.taoche.com/">二手车</a><a
            target="_blank" href="http://www.lvye.cn">绿野户外</a><a target="_blank"
                                                                 href="http://www.tuniu.com/">途牛旅游网</a>
        <a target="_blank" href="http://www.mapbar.com/">图吧</a>
        <a target="_blank" href="http://www.chnsuv.com">SUV联合越野</a><a target="_blank"
                                                                      href="http://www.uc.cn/">手机浏览器</a><a
            target="_blank" href="http://sh.city8.com/">上海地图</a><a target="_blank" href="http://www.tianqi.com/">天气预报查询</a>
        <a target="_blank" href="http://www.ly.com/">同程旅游</a>
        <a target="_blank" href="http://www.tieyou.com/">火车票</a><a target="_blank" href="http://www.yunos.com/">YunOS</a><a
            target="_blank" href="http://you.ctrip.com/">携程旅游</a><a target="_blank" href="http://www.jinjiang.com">锦江旅游</a>
        <a target="_blank" href="http://www.huoche.net/">火车时刻表</a>
        <a target="_blank" href="http://www.tripadvisor.cn/">TripAdvisor</a><a target="_blank"
                                                                               href="http://www.tianxun.com/">天巡网</a><a
            target="_blank" href="http://www.mayi.com/">短租房</a><a target="_blank"
                                                                  href="http://www.zuzuche.com">租租车</a>
        <a target="_blank" href="http://www.5fen.com/">五分旅游网</a>
        <a target="_blank" href="http://www.zhuna.cn/">酒店预订</a><a target="_blank" href="http://www.ailvxing.com">爱旅行网</a><a
            target="_blank" href="http://360.mafengwo.cn/all.php">旅游</a><a target="_blank"
                                                                           href="http://vacations.ctrip.com/">旅游网</a>
        <a target="_blank" href="http://www.wed114.cn">wed114结婚网</a>
        <a target="_blank" href="http://www.chexun.com/">车讯网</a><a target="_blank" href="http://www.aoyou.com/">遨游旅游网</a><a
            target="_blank" href="http://www.91.com/">手机</a>
        <a href="javascript:;" target="_blank">更多友情链接&gt;&gt;</a>
    </div>
</div>
</div>
<div class="mfw-toolbar" id="_j_mfwtoolbar" style="display: block;">
<div class="toolbar-item-top" style="display: none;">
    <a role="button" class="btn _j_gotop">
        <i class="icon_top"></i>
        <em>返回顶部</em>
    </a>
</div>
<div class="toolbar-item-feedback">
    <a role="button" data-japp="feedback" class="btn">
        <i class="icon_feedback"></i>
        <em>意见反馈</em>
    </a>
</div>
<div class="toolbar-item-code">
    <a role="button" class="btn">
        <i class="icon_code"></i>
    </a>
    <a role="button" class="mfw-code _j_code">


        <img src="https://p1-q.mafengwo.net/s1/M00/6C/51/wKgIC1t_6TuASybrAADGUPUHjr021.jpeg?imageMogr2%2Fthumbnail%2F%21450x192r%2Fgravity%2FCenter%2Fcrop%2F%21450x192%2Fquality%2F90"
             width="450" height="192">
    </a>
    <!--<div class="wx-official-pop"><img src="http://images.mafengwo.net/images/qrcode-weixin.gif"><i class="_j_closeqrcode"></i></div>-->
                        </div>

</div>
</body>

</html>